/*
 * @Author: 郭招娣 10615594+guo-zhaodi@user.noreply.gitee.com
 * @Date: 2022-11-04 11:13:35
 * @LastEditors: 郭招娣 10615594+guo-zhaodi@user.noreply.gitee.com
 * @LastEditTime: 2022-11-04 11:19:06
 * @FilePath: \宏烨找房\agent\src\page\Live\index.jsx
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
/*
 * @Author: nainaiyi s15037075861@163.com
 * @Date: 2022-10-26 10:55:58
 * @LastEditors: nainaiyi s15037075861@163.com
 * @LastEditTime: 2022-11-04 09:13:59
 * @FilePath: \audit-app\src\pages\MyMap\index.jsx
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import React, { useEffect, useState } from 'react'
import { useNavigate, NavLink } from 'react-router-dom'
import { DropdownMenu, List, Picker, Tabs, SwipeCell, Button, Flex, Typography, Image } from 'react-vant'
// import { getHouseBuyHttp } from '../../api/login'
import "./index.css"

const Index = () => {
  const navigate = useNavigate()

  // const [one, setOne] = useState('')
  // const [two, setTwo] = useState('')
  // const [three, setThree] = useState('')
  const [value2, setValue2] = useState({})
  const [list, setList] = useState([]); //房源数据
  // const [pageIndex, setPageIndex] = useState(1)
  // const [pageSize, setPageSize] = useState(7)
  // const [total, setTotal] = useState(0)
  // const [finished, setFinished] = useState(false)

  // const onLoad = () => {
  //     if (list.length > 0 && list.length >= total) {
  //         setFinished(true)
  //     }
  //     setTimeout(async () => {
  //         const res = await getHouseBuyHttp("/allHouseRentPlease", {
  //             one, two, three, value2, pageIndex, pageSize
  //         })
  //         if (res.status === 200) {
  //             console.log(res.data)
  //             setPageIndex(pageIndex + 1)
  //             setTotal(res.data.total)
  //             setList([...list, ...res.data.lists])
  //         }
  //     }, 1000)
  // }

  // useEffect(() => {
  //     onLoad()
  // }, [one, two, three, value2])
  return (
    <div className='zbo'>
      <div className="zbo-header">
        <div className='zbo-title'>
          <div onClick={() => navigate(-1)}>
            <svg t="1666528212726" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1505" width="25" height="25"><path d="M312.4 488.624L668.8 152.976a29.36 29.36 0 0 1 42.352 0 31.408 31.408 0 0 1 0 43.552L376.24 512l334.912 315.36a31.408 31.408 0 0 1 0 43.552 29.36 29.36 0 0 1-42.352 0L312.4 535.264a36.32 36.32 0 0 1 0-46.64z" p-id="1506" fill="#ffffff"></path></svg>
          </div>
          <div>直播</div>
          <div>&emsp;</div>
        </div>

      </div>
      <div className="zbo-main">
        <div className="zbo-main-box">
          <div className='zbo-item'>
            <div className='zbo-item-img'>
              <img src="https://w.wallhaven.cc/full/0w/wallhaven-0wle8p.jpg" alt="" />
              <div className='zbo-item-lf'>精彩回放</div>
              <div className='zbo-item-views'>
                <svg t="1667521771667" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2158" width="20" height="20"><path d="M511.999488 277.384541c-213.06156 0-357.975021 112.723318-425.391457 179.925882-14.678304 14.619976-22.768563 34.051537-22.768563 54.67218 0 20.649296 8.076956 40.065508 22.768563 54.715159 67.430762 67.194378 212.358549 179.917696 425.391457 179.917696s357.960695-112.723318 425.391457-179.917696c14.691607-14.648628 22.768563-34.065863 22.768563-54.715159 0-20.61962-8.091282-40.052205-22.768563-54.67218C869.974509 390.107859 725.060025 277.384541 511.999488 277.384541zM916.685367 545.932834c-64.22372 63.987337-202.193025 171.355693-404.685879 171.355693-202.493877 0-340.462159-107.368356-404.685879-171.355693-9.121751-9.106402-14.148231-21.149693-14.148231-33.936927s5.02648-24.830525 14.148231-33.9226c64.208371-63.993476 202.177676-171.361833 404.685879-171.361833s340.476485 107.368356 404.685879 171.361833c9.121751 9.093099 14.147208 21.135366 14.147208 33.9226S925.807119 536.826432 916.685367 545.932834zM511.999488 394.690224c-64.681138 0-117.305683 52.624545-117.305683 117.305683 0 64.682161 52.624545 117.313869 117.305683 117.313869s117.305683-52.631708 117.305683-117.313869C629.305171 447.314769 576.680627 394.690224 511.999488 394.690224zM511.999488 599.982844c-48.514947 0-87.979774-39.470967-87.979774-87.985914 0-48.513924 39.463804-87.979774 87.979774-87.979774s87.979774 39.464827 87.979774 87.979774C599.978239 560.510854 560.514435 599.982844 511.999488 599.982844z" p-id="2159" fill="#bfbfbf"></path></svg>
                <span>10</span>
              </div>
              <svg t="1667522409248" className="icon zbo-item-reWatch" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9133" width="55" height="55"><path d="M512 0c282.766222 0 512 229.233778 512 512S794.766222 1024 512 1024 0 794.766222 0 512 229.233778 0 512 0z m0 42.666667C252.8 42.666667 42.666667 252.8 42.666667 512s210.133333 469.333333 469.333333 469.333333 469.333333-210.133333 469.333333-469.333333S771.2 42.666667 512 42.666667z m-113.777778 267.562666a14.222222 14.222222 0 0 1 7.580445 2.190223l286.222222 180.437333a14.222222 14.222222 0 0 1 0 24.064L405.802667 697.358222A14.222222 14.222222 0 0 1 384 685.326222V324.451556a14.222222 14.222222 0 0 1 14.222222-14.222223z" p-id="9134" fill="#ffffff"></path></svg>

            </div>
            <div className='zbo-item-content'>
              <div className='zbo-item-title'>
                心悦尚城！ 直播屋内精装格局
              </div>
              <div className='zbo-item-date'>
                <svg t="1667523408229" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13451" width="23" height="23"><path d="M876.8 269.056H668.416l71.936-71.936-36.224-36.224-107.136 107.136 1.024 1.024H515.84l1.024-1.024L409.6 160.896l-36.224 36.224 71.936 71.936H236.8c-42.368 0-76.8 34.432-76.8 76.8v448c0 42.368 34.432 76.8 76.8 76.8h640c42.368 0 76.8-34.432 76.8-76.8v-448c0-42.368-34.432-76.8-76.8-76.8z m25.6 524.8c0 14.08-11.52 25.6-25.6 25.6h-640c-14.08 0-25.6-11.52-25.6-25.6v-448c0-14.08 11.52-25.6 25.6-25.6h640c14.08 0 25.6 11.52 25.6 25.6v448z" p-id="13452" fill="#8a8a8a"></path><path d="M514.432 449.152c-9.472-7.808-24.32-1.408-24.32 10.496v220.416c0 11.904 14.848 18.176 24.32 10.496l161.28-108.416c7.936-6.4 7.936-18.048 0-24.448l-161.28-108.544z" p-id="13453" fill="#8a8a8a"></path></svg>
                <span>2020-90-25 14:18</span>
              </div>
            </div>
          </div>
          <div className='zbo-item'>
            <div className='zbo-item-img'>
              <img src="https://w.wallhaven.cc/full/0w/wallhaven-0wle8p.jpg" alt="" />
              <div className='zbo-item-lf'>精彩回放</div>
              <div className='zbo-item-views'>
                <svg t="1667521771667" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2158" width="20" height="20"><path d="M511.999488 277.384541c-213.06156 0-357.975021 112.723318-425.391457 179.925882-14.678304 14.619976-22.768563 34.051537-22.768563 54.67218 0 20.649296 8.076956 40.065508 22.768563 54.715159 67.430762 67.194378 212.358549 179.917696 425.391457 179.917696s357.960695-112.723318 425.391457-179.917696c14.691607-14.648628 22.768563-34.065863 22.768563-54.715159 0-20.61962-8.091282-40.052205-22.768563-54.67218C869.974509 390.107859 725.060025 277.384541 511.999488 277.384541zM916.685367 545.932834c-64.22372 63.987337-202.193025 171.355693-404.685879 171.355693-202.493877 0-340.462159-107.368356-404.685879-171.355693-9.121751-9.106402-14.148231-21.149693-14.148231-33.936927s5.02648-24.830525 14.148231-33.9226c64.208371-63.993476 202.177676-171.361833 404.685879-171.361833s340.476485 107.368356 404.685879 171.361833c9.121751 9.093099 14.147208 21.135366 14.147208 33.9226S925.807119 536.826432 916.685367 545.932834zM511.999488 394.690224c-64.681138 0-117.305683 52.624545-117.305683 117.305683 0 64.682161 52.624545 117.313869 117.305683 117.313869s117.305683-52.631708 117.305683-117.313869C629.305171 447.314769 576.680627 394.690224 511.999488 394.690224zM511.999488 599.982844c-48.514947 0-87.979774-39.470967-87.979774-87.985914 0-48.513924 39.463804-87.979774 87.979774-87.979774s87.979774 39.464827 87.979774 87.979774C599.978239 560.510854 560.514435 599.982844 511.999488 599.982844z" p-id="2159" fill="#bfbfbf"></path></svg>
                <span>10</span>
              </div>
              <svg t="1667522409248" className="icon zbo-item-reWatch" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9133" width="55" height="55"><path d="M512 0c282.766222 0 512 229.233778 512 512S794.766222 1024 512 1024 0 794.766222 0 512 229.233778 0 512 0z m0 42.666667C252.8 42.666667 42.666667 252.8 42.666667 512s210.133333 469.333333 469.333333 469.333333 469.333333-210.133333 469.333333-469.333333S771.2 42.666667 512 42.666667z m-113.777778 267.562666a14.222222 14.222222 0 0 1 7.580445 2.190223l286.222222 180.437333a14.222222 14.222222 0 0 1 0 24.064L405.802667 697.358222A14.222222 14.222222 0 0 1 384 685.326222V324.451556a14.222222 14.222222 0 0 1 14.222222-14.222223z" p-id="9134" fill="#ffffff"></path></svg>

            </div>
            <div className='zbo-item-content'>
              <div className='zbo-item-title'>
                心悦尚城！ 直播屋内精装格局
              </div>
              <div className='zbo-item-date'>
                <svg t="1667523408229" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13451" width="23" height="23"><path d="M876.8 269.056H668.416l71.936-71.936-36.224-36.224-107.136 107.136 1.024 1.024H515.84l1.024-1.024L409.6 160.896l-36.224 36.224 71.936 71.936H236.8c-42.368 0-76.8 34.432-76.8 76.8v448c0 42.368 34.432 76.8 76.8 76.8h640c42.368 0 76.8-34.432 76.8-76.8v-448c0-42.368-34.432-76.8-76.8-76.8z m25.6 524.8c0 14.08-11.52 25.6-25.6 25.6h-640c-14.08 0-25.6-11.52-25.6-25.6v-448c0-14.08 11.52-25.6 25.6-25.6h640c14.08 0 25.6 11.52 25.6 25.6v448z" p-id="13452" fill="#8a8a8a"></path><path d="M514.432 449.152c-9.472-7.808-24.32-1.408-24.32 10.496v220.416c0 11.904 14.848 18.176 24.32 10.496l161.28-108.416c7.936-6.4 7.936-18.048 0-24.448l-161.28-108.544z" p-id="13453" fill="#8a8a8a"></path></svg>
                <span>2020-90-25 14:18</span>
              </div>
            </div>
          </div>
          <div className='zbo-item'>
            <div className='zbo-item-img'>
              <img src="https://w.wallhaven.cc/full/0w/wallhaven-0wle8p.jpg" alt="" />
              <div className='zbo-item-lf'>精彩回放</div>
              <div className='zbo-item-views'>
                <svg t="1667521771667" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2158" width="20" height="20"><path d="M511.999488 277.384541c-213.06156 0-357.975021 112.723318-425.391457 179.925882-14.678304 14.619976-22.768563 34.051537-22.768563 54.67218 0 20.649296 8.076956 40.065508 22.768563 54.715159 67.430762 67.194378 212.358549 179.917696 425.391457 179.917696s357.960695-112.723318 425.391457-179.917696c14.691607-14.648628 22.768563-34.065863 22.768563-54.715159 0-20.61962-8.091282-40.052205-22.768563-54.67218C869.974509 390.107859 725.060025 277.384541 511.999488 277.384541zM916.685367 545.932834c-64.22372 63.987337-202.193025 171.355693-404.685879 171.355693-202.493877 0-340.462159-107.368356-404.685879-171.355693-9.121751-9.106402-14.148231-21.149693-14.148231-33.936927s5.02648-24.830525 14.148231-33.9226c64.208371-63.993476 202.177676-171.361833 404.685879-171.361833s340.476485 107.368356 404.685879 171.361833c9.121751 9.093099 14.147208 21.135366 14.147208 33.9226S925.807119 536.826432 916.685367 545.932834zM511.999488 394.690224c-64.681138 0-117.305683 52.624545-117.305683 117.305683 0 64.682161 52.624545 117.313869 117.305683 117.313869s117.305683-52.631708 117.305683-117.313869C629.305171 447.314769 576.680627 394.690224 511.999488 394.690224zM511.999488 599.982844c-48.514947 0-87.979774-39.470967-87.979774-87.985914 0-48.513924 39.463804-87.979774 87.979774-87.979774s87.979774 39.464827 87.979774 87.979774C599.978239 560.510854 560.514435 599.982844 511.999488 599.982844z" p-id="2159" fill="#bfbfbf"></path></svg>
                <span>10</span>
              </div>
              <svg t="1667522409248" className="icon zbo-item-reWatch" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9133" width="55" height="55"><path d="M512 0c282.766222 0 512 229.233778 512 512S794.766222 1024 512 1024 0 794.766222 0 512 229.233778 0 512 0z m0 42.666667C252.8 42.666667 42.666667 252.8 42.666667 512s210.133333 469.333333 469.333333 469.333333 469.333333-210.133333 469.333333-469.333333S771.2 42.666667 512 42.666667z m-113.777778 267.562666a14.222222 14.222222 0 0 1 7.580445 2.190223l286.222222 180.437333a14.222222 14.222222 0 0 1 0 24.064L405.802667 697.358222A14.222222 14.222222 0 0 1 384 685.326222V324.451556a14.222222 14.222222 0 0 1 14.222222-14.222223z" p-id="9134" fill="#ffffff"></path></svg>

            </div>
            <div className='zbo-item-content'>
              <div className='zbo-item-title'>
                心悦尚城！ 直播屋内精装格局
              </div>
              <div className='zbo-item-date'>
                <svg t="1667523408229" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13451" width="23" height="23"><path d="M876.8 269.056H668.416l71.936-71.936-36.224-36.224-107.136 107.136 1.024 1.024H515.84l1.024-1.024L409.6 160.896l-36.224 36.224 71.936 71.936H236.8c-42.368 0-76.8 34.432-76.8 76.8v448c0 42.368 34.432 76.8 76.8 76.8h640c42.368 0 76.8-34.432 76.8-76.8v-448c0-42.368-34.432-76.8-76.8-76.8z m25.6 524.8c0 14.08-11.52 25.6-25.6 25.6h-640c-14.08 0-25.6-11.52-25.6-25.6v-448c0-14.08 11.52-25.6 25.6-25.6h640c14.08 0 25.6 11.52 25.6 25.6v448z" p-id="13452" fill="#8a8a8a"></path><path d="M514.432 449.152c-9.472-7.808-24.32-1.408-24.32 10.496v220.416c0 11.904 14.848 18.176 24.32 10.496l161.28-108.416c7.936-6.4 7.936-18.048 0-24.448l-161.28-108.544z" p-id="13453" fill="#8a8a8a"></path></svg>
                <span>2020-90-25 14:18</span>
              </div>
            </div>
          </div>
          <div className='zbo-item'>
            <div className='zbo-item-img'>
              <img src="https://w.wallhaven.cc/full/0w/wallhaven-0wle8p.jpg" alt="" />
              <div className='zbo-item-lf'>精彩回放</div>
              <div className='zbo-item-views'>
                <svg t="1667521771667" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2158" width="20" height="20"><path d="M511.999488 277.384541c-213.06156 0-357.975021 112.723318-425.391457 179.925882-14.678304 14.619976-22.768563 34.051537-22.768563 54.67218 0 20.649296 8.076956 40.065508 22.768563 54.715159 67.430762 67.194378 212.358549 179.917696 425.391457 179.917696s357.960695-112.723318 425.391457-179.917696c14.691607-14.648628 22.768563-34.065863 22.768563-54.715159 0-20.61962-8.091282-40.052205-22.768563-54.67218C869.974509 390.107859 725.060025 277.384541 511.999488 277.384541zM916.685367 545.932834c-64.22372 63.987337-202.193025 171.355693-404.685879 171.355693-202.493877 0-340.462159-107.368356-404.685879-171.355693-9.121751-9.106402-14.148231-21.149693-14.148231-33.936927s5.02648-24.830525 14.148231-33.9226c64.208371-63.993476 202.177676-171.361833 404.685879-171.361833s340.476485 107.368356 404.685879 171.361833c9.121751 9.093099 14.147208 21.135366 14.147208 33.9226S925.807119 536.826432 916.685367 545.932834zM511.999488 394.690224c-64.681138 0-117.305683 52.624545-117.305683 117.305683 0 64.682161 52.624545 117.313869 117.305683 117.313869s117.305683-52.631708 117.305683-117.313869C629.305171 447.314769 576.680627 394.690224 511.999488 394.690224zM511.999488 599.982844c-48.514947 0-87.979774-39.470967-87.979774-87.985914 0-48.513924 39.463804-87.979774 87.979774-87.979774s87.979774 39.464827 87.979774 87.979774C599.978239 560.510854 560.514435 599.982844 511.999488 599.982844z" p-id="2159" fill="#bfbfbf"></path></svg>
                <span>10</span>
              </div>
              <svg t="1667522409248" className="icon zbo-item-reWatch" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9133" width="55" height="55"><path d="M512 0c282.766222 0 512 229.233778 512 512S794.766222 1024 512 1024 0 794.766222 0 512 229.233778 0 512 0z m0 42.666667C252.8 42.666667 42.666667 252.8 42.666667 512s210.133333 469.333333 469.333333 469.333333 469.333333-210.133333 469.333333-469.333333S771.2 42.666667 512 42.666667z m-113.777778 267.562666a14.222222 14.222222 0 0 1 7.580445 2.190223l286.222222 180.437333a14.222222 14.222222 0 0 1 0 24.064L405.802667 697.358222A14.222222 14.222222 0 0 1 384 685.326222V324.451556a14.222222 14.222222 0 0 1 14.222222-14.222223z" p-id="9134" fill="#ffffff"></path></svg>

            </div>
            <div className='zbo-item-content'>
              <div className='zbo-item-title'>
                心悦尚城！ 直播屋内精装格局
              </div>
              <div className='zbo-item-date'>
                <svg t="1667523408229" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13451" width="23" height="23"><path d="M876.8 269.056H668.416l71.936-71.936-36.224-36.224-107.136 107.136 1.024 1.024H515.84l1.024-1.024L409.6 160.896l-36.224 36.224 71.936 71.936H236.8c-42.368 0-76.8 34.432-76.8 76.8v448c0 42.368 34.432 76.8 76.8 76.8h640c42.368 0 76.8-34.432 76.8-76.8v-448c0-42.368-34.432-76.8-76.8-76.8z m25.6 524.8c0 14.08-11.52 25.6-25.6 25.6h-640c-14.08 0-25.6-11.52-25.6-25.6v-448c0-14.08 11.52-25.6 25.6-25.6h640c14.08 0 25.6 11.52 25.6 25.6v448z" p-id="13452" fill="#8a8a8a"></path><path d="M514.432 449.152c-9.472-7.808-24.32-1.408-24.32 10.496v220.416c0 11.904 14.848 18.176 24.32 10.496l161.28-108.416c7.936-6.4 7.936-18.048 0-24.448l-161.28-108.544z" p-id="13453" fill="#8a8a8a"></path></svg>
                <span>2020-90-25 14:18</span>
              </div>
            </div>
          </div>
          <div className='zbo-item'>
            <div className='zbo-item-img'>
              <img src="https://w.wallhaven.cc/full/0w/wallhaven-0wle8p.jpg" alt="" />
              <div className='zbo-item-lf'>精彩回放</div>
              <div className='zbo-item-views'>
                <svg t="1667521771667" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2158" width="20" height="20"><path d="M511.999488 277.384541c-213.06156 0-357.975021 112.723318-425.391457 179.925882-14.678304 14.619976-22.768563 34.051537-22.768563 54.67218 0 20.649296 8.076956 40.065508 22.768563 54.715159 67.430762 67.194378 212.358549 179.917696 425.391457 179.917696s357.960695-112.723318 425.391457-179.917696c14.691607-14.648628 22.768563-34.065863 22.768563-54.715159 0-20.61962-8.091282-40.052205-22.768563-54.67218C869.974509 390.107859 725.060025 277.384541 511.999488 277.384541zM916.685367 545.932834c-64.22372 63.987337-202.193025 171.355693-404.685879 171.355693-202.493877 0-340.462159-107.368356-404.685879-171.355693-9.121751-9.106402-14.148231-21.149693-14.148231-33.936927s5.02648-24.830525 14.148231-33.9226c64.208371-63.993476 202.177676-171.361833 404.685879-171.361833s340.476485 107.368356 404.685879 171.361833c9.121751 9.093099 14.147208 21.135366 14.147208 33.9226S925.807119 536.826432 916.685367 545.932834zM511.999488 394.690224c-64.681138 0-117.305683 52.624545-117.305683 117.305683 0 64.682161 52.624545 117.313869 117.305683 117.313869s117.305683-52.631708 117.305683-117.313869C629.305171 447.314769 576.680627 394.690224 511.999488 394.690224zM511.999488 599.982844c-48.514947 0-87.979774-39.470967-87.979774-87.985914 0-48.513924 39.463804-87.979774 87.979774-87.979774s87.979774 39.464827 87.979774 87.979774C599.978239 560.510854 560.514435 599.982844 511.999488 599.982844z" p-id="2159" fill="#bfbfbf"></path></svg>
                <span>10</span>
              </div>
              <svg t="1667522409248" className="icon zbo-item-reWatch" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9133" width="55" height="55"><path d="M512 0c282.766222 0 512 229.233778 512 512S794.766222 1024 512 1024 0 794.766222 0 512 229.233778 0 512 0z m0 42.666667C252.8 42.666667 42.666667 252.8 42.666667 512s210.133333 469.333333 469.333333 469.333333 469.333333-210.133333 469.333333-469.333333S771.2 42.666667 512 42.666667z m-113.777778 267.562666a14.222222 14.222222 0 0 1 7.580445 2.190223l286.222222 180.437333a14.222222 14.222222 0 0 1 0 24.064L405.802667 697.358222A14.222222 14.222222 0 0 1 384 685.326222V324.451556a14.222222 14.222222 0 0 1 14.222222-14.222223z" p-id="9134" fill="#ffffff"></path></svg>

            </div>
            <div className='zbo-item-content'>
              <div className='zbo-item-title'>
                心悦尚城！ 直播屋内精装格局
              </div>
              <div className='zbo-item-date'>
                <svg t="1667523408229" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13451" width="23" height="23"><path d="M876.8 269.056H668.416l71.936-71.936-36.224-36.224-107.136 107.136 1.024 1.024H515.84l1.024-1.024L409.6 160.896l-36.224 36.224 71.936 71.936H236.8c-42.368 0-76.8 34.432-76.8 76.8v448c0 42.368 34.432 76.8 76.8 76.8h640c42.368 0 76.8-34.432 76.8-76.8v-448c0-42.368-34.432-76.8-76.8-76.8z m25.6 524.8c0 14.08-11.52 25.6-25.6 25.6h-640c-14.08 0-25.6-11.52-25.6-25.6v-448c0-14.08 11.52-25.6 25.6-25.6h640c14.08 0 25.6 11.52 25.6 25.6v448z" p-id="13452" fill="#8a8a8a"></path><path d="M514.432 449.152c-9.472-7.808-24.32-1.408-24.32 10.496v220.416c0 11.904 14.848 18.176 24.32 10.496l161.28-108.416c7.936-6.4 7.936-18.048 0-24.448l-161.28-108.544z" p-id="13453" fill="#8a8a8a"></path></svg>
                <span>2020-90-25 14:18</span>
              </div>
            </div>
          </div>
          <div className='zbo-item'>
            <div className='zbo-item-img'>
              <img src="https://w.wallhaven.cc/full/0w/wallhaven-0wle8p.jpg" alt="" />
              <div className='zbo-item-lf'>精彩回放</div>
              <div className='zbo-item-views'>
                <svg t="1667521771667" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2158" width="20" height="20"><path d="M511.999488 277.384541c-213.06156 0-357.975021 112.723318-425.391457 179.925882-14.678304 14.619976-22.768563 34.051537-22.768563 54.67218 0 20.649296 8.076956 40.065508 22.768563 54.715159 67.430762 67.194378 212.358549 179.917696 425.391457 179.917696s357.960695-112.723318 425.391457-179.917696c14.691607-14.648628 22.768563-34.065863 22.768563-54.715159 0-20.61962-8.091282-40.052205-22.768563-54.67218C869.974509 390.107859 725.060025 277.384541 511.999488 277.384541zM916.685367 545.932834c-64.22372 63.987337-202.193025 171.355693-404.685879 171.355693-202.493877 0-340.462159-107.368356-404.685879-171.355693-9.121751-9.106402-14.148231-21.149693-14.148231-33.936927s5.02648-24.830525 14.148231-33.9226c64.208371-63.993476 202.177676-171.361833 404.685879-171.361833s340.476485 107.368356 404.685879 171.361833c9.121751 9.093099 14.147208 21.135366 14.147208 33.9226S925.807119 536.826432 916.685367 545.932834zM511.999488 394.690224c-64.681138 0-117.305683 52.624545-117.305683 117.305683 0 64.682161 52.624545 117.313869 117.305683 117.313869s117.305683-52.631708 117.305683-117.313869C629.305171 447.314769 576.680627 394.690224 511.999488 394.690224zM511.999488 599.982844c-48.514947 0-87.979774-39.470967-87.979774-87.985914 0-48.513924 39.463804-87.979774 87.979774-87.979774s87.979774 39.464827 87.979774 87.979774C599.978239 560.510854 560.514435 599.982844 511.999488 599.982844z" p-id="2159" fill="#bfbfbf"></path></svg>
                <span>10</span>
              </div>
              <svg t="1667522409248" className="icon zbo-item-reWatch" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9133" width="55" height="55"><path d="M512 0c282.766222 0 512 229.233778 512 512S794.766222 1024 512 1024 0 794.766222 0 512 229.233778 0 512 0z m0 42.666667C252.8 42.666667 42.666667 252.8 42.666667 512s210.133333 469.333333 469.333333 469.333333 469.333333-210.133333 469.333333-469.333333S771.2 42.666667 512 42.666667z m-113.777778 267.562666a14.222222 14.222222 0 0 1 7.580445 2.190223l286.222222 180.437333a14.222222 14.222222 0 0 1 0 24.064L405.802667 697.358222A14.222222 14.222222 0 0 1 384 685.326222V324.451556a14.222222 14.222222 0 0 1 14.222222-14.222223z" p-id="9134" fill="#ffffff"></path></svg>

            </div>
            <div className='zbo-item-content'>
              <div className='zbo-item-title'>
                心悦尚城！ 直播屋内精装格局
              </div>
              <div className='zbo-item-date'>
                <svg t="1667523408229" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13451" width="23" height="23"><path d="M876.8 269.056H668.416l71.936-71.936-36.224-36.224-107.136 107.136 1.024 1.024H515.84l1.024-1.024L409.6 160.896l-36.224 36.224 71.936 71.936H236.8c-42.368 0-76.8 34.432-76.8 76.8v448c0 42.368 34.432 76.8 76.8 76.8h640c42.368 0 76.8-34.432 76.8-76.8v-448c0-42.368-34.432-76.8-76.8-76.8z m25.6 524.8c0 14.08-11.52 25.6-25.6 25.6h-640c-14.08 0-25.6-11.52-25.6-25.6v-448c0-14.08 11.52-25.6 25.6-25.6h640c14.08 0 25.6 11.52 25.6 25.6v448z" p-id="13452" fill="#8a8a8a"></path><path d="M514.432 449.152c-9.472-7.808-24.32-1.408-24.32 10.496v220.416c0 11.904 14.848 18.176 24.32 10.496l161.28-108.416c7.936-6.4 7.936-18.048 0-24.448l-161.28-108.544z" p-id="13453" fill="#8a8a8a"></path></svg>
                <span>2020-90-25 14:18</span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div className='zbo-add' onClick={() => { navigate("/zboAdd") }}>
        <svg t="1667523899629" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14626" width="40" height="40"><path d="M378.6 313.3c0 58.2-47.2 105.4-105.4 105.4s-105.4-47.2-105.4-105.4S215 207.9 273.2 207.9s105.4 47.2 105.4 105.4" fill="#23ADE5" p-id="14627"></path><path d="M584.5 418.7c90.6 0 164-73.4 164-164s-73.4-164-164-164-164 73.4-164 164 73.4 164 164 164zM873.8 527.5l-72.6 41.9v-55.3c0-45.2-37-82.1-82.1-82.1H148.3c-45.2 0-82.1 37-82.1 82.1v337.1c0 45.2 37 82.1 82.1 82.1H719c45.2 0 82.1-37 82.1-82.1V824l72.6 41.9c38.9 22.5 87.6-5.6 87.6-50.6V578c0-44.9-48.6-73-87.5-50.5z" fill="#48CFE5" p-id="14628"></path><path d="M415.8 582.8l141.7 81.8c18.7 10.8 18.7 37.9 0 48.7l-141.7 81.8c-18.7 10.8-42.2-2.7-42.2-24.4V607.1c0.1-21.6 23.5-35.1 42.2-24.3" fill="#FDDE80" p-id="14629"></path></svg>
      </div>
    </div >
  )
}

export default Index
